@import './variables.scss';
// sidebar 
// $menuText:#bfcbd9;
// $menuActiveText:#409EFF;
// $subMenuActiveText:#f4f4f5; //https://github.com/ElemeFE/element/issues/12951

// $menuBg:#304156;
// $menuHover:#263445;

// $subMenuBg:#1f2d3d;
// $subMenuHover:#001528;

// $sideBarWidth: 210px;

html {
    height: 100%;
    box-sizing: border-box;
    margin:-8px;
    padding: 0px 0px;
  }
body{
  height: 100%;
}


.bottomofinformation {
    clear: both;
    overflow: hidden;
    background: -webkit-gradient(linear,left top,right top,from(#4ebcc3),color-stop(52%,#009ea6),to(#009ddb));
    background: -webkit-linear-gradient(left,#4ebcc3,#009ea6 52%,#009ddb);
    background: -o-linear-gradient(left,#4ebcc3 0,#009ea6 52%,#009ddb 100%);
    background: linear-gradient(90deg,#4ebcc3,#009ea6 52%,#009ddb)
}

// sidebar
// $menuText:#bfcbd9;
// $menuActiveText:#409EFF;
// $subMenuActiveText:#f4f4f5; //https://github.com/ElemeFE/element/issues/12951

// $menuBg:#304156;
// $menuHover:#263445;

// $subMenuBg:#1f2d3d;
// $subMenuHover:#001528;

// $sideBarWidth: 210px;
.bodyWrapper{
  background-color: rgb(211, 231, 224);
  height: calc(100vh - 17px);
}


.sidebar-container{
  height: calc(100vh - 80px);
  width: 200px;
  transition: width 0.28s;
  overflow: hidden;
  z-index: 1001;
  position:absolute;
  background-color: #304156;
      .scrollbar-wrapper {
      overflow-x: hidden !important;
    }
      .el-scrollbar__bar.is-vertical {
      right: 0px;
    }

    .el-scrollbar {
      height: 100%;
    }
}

  .hideSidebar {
    .sidebar-container{
      width: 63px;
    }
    .main-container {
      margin-left: 63px;

    }
  }
  

.main-container {
  min-height: 100%;
  transition: margin-left .28s;
  margin-left: 200px;
  position: relative;
  
}